Page({
    data: {
        myLoc: '',
        cardData: [
            {
                title: '卡片1',
                summary: '这是第一张卡片的简介内容',
                detail: '这是卡片1的详细内容。这里可以放置更多的文字描述，当用户点击卡片时会显示这些内容。',
                imagesrc: 'http://img0.baidu.com/it/u=48341125,3437704519&fm=253&app=138&f=JPEG?w=800&h=1066'
            },
            {
                title: '卡片2',
                summary: '这是第二张卡片的简介内容',
                detail: '这是卡片2的详细内容。这里可以放置更多的文字描述，当用户点击卡片时会显示这些内容。',
                imagesrc: 'https://img0.baidu.com/it/u=2471320920,3507122307&fm=253&fmt=auto&app=138&f=JPEG'
            },
            {
                title: '卡片3',
                summary: '这是第三张卡片的简介内容',
                detail: '这是卡片3的详细内容。这里可以放置更多的文字描述，当用户点击卡片时会显示这些内容。',
                imagesrc: 'https://gips2.baidu.com/it/u=736062291,2888302139&fm=3039&app=3039&f=JPEG?w=1024&h=1024'
            },
            {
                title: '卡片4',
                summary: '这是第一张卡片的简介内容',
                detail: '这是卡片1的详细内容。这里可以放置更多的文字描述，当用户点击卡片时会显示这些内容。',
                imagesrc: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Fd373f334-3468-46a7-bd8d-ed9da792d58c%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1744424891&t=3c2e957c98863896b8527ef25bd02987'
            },
            {
                title: '卡片5',
                summary: '这是第二张卡片的简介内容',
                detail: '这是卡片2的详细内容。这里可以放置更多的文字描述，当用户点击卡片时会显示这些内容。',
                imagesrc: 'http://img1.baidu.com/it/u=1552323944,4204986170&fm=253&app=138&f=JPEG?w=1200&h=800'
            },
            {
                title: '卡片6',
                summary: '这是第三张卡片的简介内容',
                detail: '这是卡片3的详细内容。这里可以放置更多的文字描述，当用户点击卡片时会显示这些内容。',
                imagesrc: 'https://wx3.sinaimg.cn/mw690/64415550ly1hkowj7ao9yj21jt22ehdt.jpg'
            }
        ],
        currentDetail: {},
        startX: 0,
        startY: 0,
        DetailW: 0,
        DetailH: 0,
        currentDetopacity: 0,

        currenttransform: '',
        isactive: false

    },
    confirmSear() {
        has.showToast({
            title: '开始搜索',
        })
    },
    getMyLoc() {
        console.log('pkl---userLocation', 123);
        has.authorize({
            scope: 'scope.userLocation',
            type: 'wgs84',
            // success(res){
            success: (res) => {
                // 2025-02-12 res 为空
                const latitude = res.latitude;
                const longitude = res.longitude;
                const speed = res.speed;
                const accuracy = res.accuracy;
                console.log('pkl---userLocation', JSON.stringify(res)); //pkl---userLocation {}
                console.log('pkl---userLocation', longitude); //pkl---userLocation undefined
            },
            fail(res) {
                console.log('pkl---userLocation-faile', res);
            }
        })
    },
    getLogin() {
        // has.login({
        //     success (res) {
        //         // 登录成功
        //         console.log('pkl---login-success',res);
        //     },
        //     fail (res) {
        //         // 登录失败
        //         console.log('pkl---login-faile',res);
        //     }
        // })
    },
    getPhoneNumber(e) {
        console.log('pkl--getPhoneNumber', e.detail.code) // 动态令牌
        console.log('pkl--getPhoneNumber', e.detail.errMsg) // 回调信息（成功失败都会返回）
        console.log('pkl--getPhoneNumber', e.detail.errCode) // 错误码（失败时返回）
    },
    onLoad: function () {
        console.log('pkl--onLoad', 'onLoad') // 错误码（失败时返回）

    },
    showDetailASCF(opts) {
        let that = this
        let { xuhao } = opts.currentTarget.dataset
        console.log('pkl--xuhao', xuhao)

        this.setData({
            currentDetail: this.data.cardData[xuhao]
        });

        const query = has.createSelectorQuery();
        query.select('.card' + xuhao).boundingClientRect();
        query.exec(function (res) {
            console.log('pkl--res = ', res, res[0].left);
            that.setData({
                startX: (res[0].left + res[0].width / 2),
                startY: (res[0].top + res[0].height / 2),
                // currenttransform:`scale(0.1) translate(${that.data.startX}rpx, ${that.data.startY}rpx)`
            })
            console.log('pkl--res-startXY = ', that.data.startX, that.data.startY);
        });

        this.setData({
            isactive: true,
            currenttransform: `scale(1) translate(0, 0)`,
            currentDetopacity: 1,
        })
    },
    goBack() {
        this.setData({
            isactive: false,
            currenttransform: '',
            currentDetopacity: 1,
        })
    }
})